@charset "utf-8";
@mixin size($wh, $ht) {
    width: $wh;
    height: $ht;
}

#web {
    width: 100%;
    height: 100%;
    .top {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: #f0eeef;
        .top_login {
            width: 1330px;
            height: 40px;
            margin: 0 auto;
            .t_lef {
                a {
                    color: #707070;
                    font-size: 14px;
                    padding-left: 16px;
                    padding-right: 16px;
                }
                a:hover{
                    color: red;
                }
            }
            .t_rig {
                a{
                    color: #707070;
                    padding-left: 35px;
                    padding-right: 35px;
                    font-size: 14px;
                    b {
                        color: red;
                    }
                }
                a:hover{
                    color: red;
                }
            }
        }
    }
    .search {
        width: 1330px;
        height: 170px;
        margin: 0 auto;
        background: #fff;
        .logo {
            width: 86px;
            padding: 26px 0 0 16px;
        }
        .search_inp {
            width: 847px;
            height: 44px;
            border: 1px solid #252b38;
            border-radius: 12px;
            position: relative;
            margin-top: -76px;
            margin-right: 203px;
            .for {
                height: 42px;
                .inp_1 {
                    width: 770px;
                    height: 43px;
                    border: none;
                    position: absolute;
                    top: 0px;
                    left: 10px;
                }
                .inp_2 {
                    width: 69px;
                    height: 45px;
                    position: absolute;
                    right: -1px;
                    top: -1px;
                }
            }
            span {
                display: inline-block;
                margin-top: 12px;
                color: #707070;
                a {
                    padding-left: 6px;
                    padding-right: 6px;
                    color: #707070;
                }
            }
        }
    }
    nav {
        width: 100%;
        height: 44px;
        background: #252b38;
        ul {
            width: 1330px;
            margin: 0 auto;
            
            li {
                width: 90px;
                height: 44px;
                float: left;
                text-align: center;
                padding-left: 18px;
                padding-right: 22px;
                position: relative;
                overflow: hidden;
                span{
                    position: absolute;
                    left: 0;
                    width: 90px;
                }
                a {
                    font-size: 16px;
                    line-height: 44px;
                    color: white;
                    display: block;
                    position: relative;
                    width: 90px;
                    height: 44px;
                }
            }
        }
    }
    .di_bu {
        width: 100%;
        height: 358px;
        background: white;
        border-top: 2px solid #cccccc;
        .di_bu_main {
            width: 1330px;
            height: 357px;
            margin: 0 auto;
            .ul {
                width: 1330px;
                height: 135px;
                border-bottom: 1px solid #cccccc;
                li {
                    float: left;
                    margin-top: 42px;
                    img {
                        vertical-align: middle;
                        display: inline-block;
                    }
                    img:last-child {
                        margin-right: 64px;
                    }
                    .di_bu_a {
                        width: 139px;
                        margin-left: 16px;
                        padding-right: 63px;
                        span {
                            a {
                                font-size: 18px;
                                color: #313131;
                            }
                        }
                        span:last-child {
                            a {
                                font-size: 16px;
                                color: #707070;
                            }
                            a:hover{
                                color:#ffb787;
                            }
                        }
                    }
                }
                li:first-child {
                    padding-left: 63px;
                }
            }
            .di_bu_nav {
                width: 1210px;
                height: 220px;
                //          background: skyblue;
                margin: 0 auto;
                li {
                    float: left;
                    padding-right: 197px;
                    margin-top: 28px;
                    a {
                        color: #535353;
                        font-weight: bold;
                    }
                    span {
                        a {
                            font-size: 12px;
                            color: #878787;
                        }
                        a:hover{
                            color: #ffb787;
                        }
                    }
                }
                li:nth-last-child(2) {
                    padding-right: 160px;
                }
                li:last-child {
                    padding-right: 0px;
                    font-size: 14px;
                    color: #878787;
                    img {
                        padding-top: 17px;
                        padding-left: 5px;
                    }
                }
            }
        }
    }
    footer {
        width: 100%;
        height: 50px;
        background: #252b38;
        .foot {
            width: 1330px;
            margin: 0 auto;
            font-size: 12px;
            line-height: 50px;
            color: white;
            span {
                padding-left: 16px;
                padding-right: 16px;
            }
            a {
                padding-left: 18px;
                padding-right: 18px;
                color: white;
            }
        }
    }
}

.big {
    @include size (1497px, auto);
    margin-left: 302px;
    .left_a {
        @include size (830px, auto);
        float: left;
        h3 {
            font-size: 18px;
            font-weight: 300;
            margin-top: 44px;
        }
        .shop_h{
            @include size (801px,32px);
            line-height: 32px;
            font-size: 14px;
            color: #e02a2a;
            background: #efefef;
            padding-left: 29px;
            margin-top: 30px;
            a{
                color: #e02a2a;
            }
        }
        .xinxi{
            @include size (801px,50px);
            padding-top: 16px;
            font-size: 14px;
            background: #efefef;
            padding-left: 29px;
            margin-top: 6px;
            font-weight: 300;
        }
        .big_na{
            @include size (801px,38px);
            margin-top: 8px;
            ul{
                @include size (830px,38px);
                
            }
            a{
                display: inline-block;
                @include size (247px,38px);
                color: white;
            }
            li:hover{
                background: #584c4c;
                transition: 800ms;
                
            }
            li{
                @include size (247px,38px);
                background: #c0c0c0;
                display: inline-block;
                line-height: 38px;
                padding-left: 26px;
                color: white;
                
            }
        }
        p{
            font-size: 20px;
            margin-top: 22px;
        }
        .sxx{
            font-size: 14px;
            margin-top: 34px;
        }
        .bige{
            border-top: 1px solid #dadada;
            border-bottom: 1px solid #dadada;
            margin-top: 10px;
            table{
                margin-top: 22px;
            }
            table tr td{
                padding-bottom: 25px;
                padding-right: 51px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            tr td:nth-child(2){
                color: #cbcbcb;
            }
        }
        .fangfa{
            margin-top: 40px;
            font-size: 14px;
            margin-bottom: 12px;
        }
       
    }
    .xh{
        @include size (830pxs,110px);
        padding-top: 24px;
        border-bottom: 1px solid #dadada;
    }
    .anniu{
        @include size (184px,39px);
        float: right;
        margin-top: 18px;
        margin-bottom: 491px;
        span{
            display: inline-block;
            @include size (38px,26px);
            text-align: center;
            
        }
        .hq{
            @include size (59px,27px);
            border-right: 1px solid #dadada;
            float: left;
            a{
                color: black;
                transition: 500ms;
            }
        }
        a:hover{
            border-bottom: 1px solid;
        }
        input{
            @include size (98px,28px);
            background: #c0c0c0;
            color: #FFFFFF;
            float: right;
            border-radius: 8px;
            transition: 500ms;
        }
        input:hover{
            background: #362f2f;
        }
    }
}
//不用换
.t_rrig{
    @include size (647px,800px);
//  background: red;
    float: right;
    margin-top: 146px;
    margin-left: 20px;
    a{
        color: black;
    }
    a:hover{
        border-bottom: 1px solid;
    }
    p{
        font-size: 17px;
        margin-bottom: 8px;
        span{
            float: right;
            margin-right: 21px;
        }
    }
    .t_rrig1{
        @include size (100%,264px);
//      float: left;
        border-bottom: 1px solid #dadada;
        border-top: 1px solid #dadada;
    }
    .tr_l{
        @include size (124px,169px);
        margin-top: 23px;
        float: left;
        img{
            width: 100%;
            height: 169px;
        }
    }
    .tr_r{
        @include size (490px,214px);
        float: left;
//      background: red;
        margin-left: 17px;
        margin-top: 23px;
        p{
            margin-bottom: 16px;
            font-size: 13px;
            span{
                float: left;
                margin: 0;
                color: #b0b0b0;
                
            }
        }
        p:first-child{
            margin-bottom: 45px;
        }
    }
}
.b1{
    @include size (646px,266px);
    border-bottom: 1px solid #dadada;
}
.bbl{
    @include size (647px,234px);
    background: #efefef;
    margin-top: 24px;
    border-radius: 7px;
    .je{
        @include size (573px,131px);
        border-bottom: 1px solid #dadada;
        margin: 0 auto;
        padding-top: 29px;
        p{
            margin-bottom: 22px;
            font-size: 16px;
        }
    }
    .jr{
        @include size (573px,131px);
        margin: 0 auto;
        margin-top: 22px;
    }
}
.b{
    color: #b0b0b0;
}
//支付的中间部分
.zf{
    @include size (100%,1078px);
    .zff{
        @include size (827px,169px);
        margin-top: 22px;
        border-bottom: 1px solid #dadada;
        ul{
            @include size (172px,127px);
            float: left;           
            li{
                @include size (145px,31px);
                background: #efefef;
                padding-left: 27px;
                line-height: 31px;
                margin-top: 1px;
                color: black;
                transition: 800ms;
            }
        }
        .zff_r{
                @include size (525px,auto);
                float: left;
                margin-left: 74px;
            }
    }
}
.zff ul li:hover{
            background: #3d3434 url(../img/11.png)  no-repeat right 6px top 10px;
            color: white;
            
}
.yingh{
    @include size (110px,31px);
    float: right;
    background: white;
    border: 1px solid #efefef;
    margin-left: 9px;
    img{
        width: 100%;
        margin-top: 5px;
        
    }
}
table tr td{
    line-height: 33px;
    padding-right: 40px;
}
.zff_r table tr{
    padding-top: 6px;
}

.big .diz{
    @include size (831px,1079px);
//  background: red;
    float: left;
    .diz_a{
        @include size (100%,91px);
        border-bottom: 1px solid #dadada;
        border-top: 1px solid #dadada;
        table{
            margin-left: 26px;
            font-size: 16px;
            text-align: center;
            td{
                line-height: 38px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                input{
                    margin-right: 11px;
                }
                a{
                    color: black;
                }
                a:hover{
                    border-bottom: 1px solid;
                }
            }
            td:nth-child(2){
                padding-right: 120px;
            }
            td:nth-child(3){
                padding-right: 100px;
            }
        }
    }
    .tj{
        @include size (172px,28px);
        color: white;
        font-size: 16px;
        background: #c0c0c0;
        line-height: 28px;
        display: inline-block;
        text-align: center;
        margin-top: 10px;
        border-radius: 9px;
        a{
            color: white;
        }
        span{
            display: inline-block;
            @include size (172px,28px);
            transition: 900ms;
        }
        span:hover{
            background: #362f2f;
            cursor: pointer;
            border-radius: 9px;
        }
    }
    .tbsm{
        @include size (825px,auto);
        margin-top: 28px;
        p{
            font-size: 14px;
            margin: 0;
            font-weight: 600;
        }
        input{
            @include size (780px,10px);
            padding: 11px 20px;
            font-size: 14px;
        }
    }
    .spxx{
        @include size (830px,132px);
        border-bottom: 1px solid #dadada;
        margin-top: 40px;
        td{
            font-size: 14px;
        }
        tr td:nth-child(2){
            padding-right: 384px;
        }
        span{
            color: #6a6a6a;
        }
    }
    .anniu_a{
        @include size (184px,39px);
        float: right;
        margin-top: 18px;
        input{
            @include size (98px,28px);
            background: c0c0c0;           
            float: right;
            border-radius: 8px;
            transition: 800ms;
        }
        input:hover{
            background: #362f2f;
            color: #FFFFFF;
            cursor: pointer;
            
        }
    }
    .more{
        @include size (830px,auto);
        p{
            font-size: 14px;
            margin: 0;
            margin-top: 79px;
        }
        .see_more{
            @include size (827px,31px);
            color: red;
            background: #efefef;
            a{
                color: red;
            }
            p{
                font-size: 14px;
                margin: 0;
                line-height: 31px;
                margin-left: 28px;
            }
        }
        .lbb{
            @include size (825px,239px);
//          background: red;
            margin-top: 26px;
        }
    }
}
.kh{
    @include size (100%,1215px);
}
.lbb .swiper-slide{
    @include size (154px,auto);
    text-align: center;
}
.lbb .swiper-slide img{
    width: 122px;
    height: 167px;
    text-align: center;
}
.lbb .swiper-slide p{
    margin: 1px;
    text-align: center;
}
nav .over{
    color: black;
    background: white;
    top: -48px;
}
nav .out{
    color: #999999;
}